.root
{
	width: 100%;
	height: 100%;
}
.navbar
{
	width: 70px;
	height: 50px;
	padding: 20px;
	top:20px;
	position: relative;
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;
margin-left: 5px;
}
.imgcontainer
{
	position: absolute;
	left: 10%;
	width:400px;
	height: 300px;
	border: 1px solid black;
	overflow: hidden;

}
.box
{
	width: 1600px;
	height: 300px;
}
.imgzoom
{
	position: absolute;
	left: 10%;
	top: 320px;
}
.Smallimg
{
	border: 1px solid black;
	width: 80px;
	height: 70px;
	display: inline-block;
	margin-left: 40px;
}
.productName
{
	position: absolute;
	width: 30%;
	font-size: 20px;
	font-weight: bold;
	left: 45%;
}
.introduction
{
	position: absolute;
	width: 27%;
	height: 120px;
	background-color: #eee;
	padding: 20px;
	top: 50px;
	left: 45%;
}
.SizeSelect{
border:1px solid black;
width:40px;
height:40px;
margin-left:10px;
}
.slideimg
{
	position: absolute;
	width: 180px;
	right: 10%;
}
.pic
{
	width: 160px;
    height: 880px;
    position: absolute;
}
.tab
{
	float:left;
	width:120px;
	height:50px;
	padding: 10px;
	line-height:30px;
	text-align:center;
	background-color:#fff;
	border:2px black solid;
}
.tabCon
{
	padding: 50px;
	width:100%;
	border:2px #bbb solid;
}
.colorSelect
{
	border:1px solid black;
	width:50px;
height:30px;
margin-left:10px;
}
